<!DOCTYPE html>
<html class="auth">
    <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <title>Control Panel</title>
        <!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
        <!--[if lt IE 9]>
          <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
        <link rel="stylesheet/less" href="/files/less/bootstrap.less" media="all" />
        <script src="/files/js/less.min.js"></script>
        <link rel="stylesheet" type="text/css" media="screen" href="/files/css/cpanel.css" />
        
        <script src="/files/js/jquery.min.js"></script>
        <script src="/files/js/prettify.js"></script>
        <script src="/files/js/bootstrap-alerts.js"></script>
        <script src="/files/js/bootstrap-buttons.js"></script>
        <script src="/files/js/bootstrap-dropdown.js"></script>
        <script src="/files/js/bootstrap-modal.js"></script>
        <script src="/files/js/bootstrap-popover.js"></script>
        <script src="/files/js/bootstrap-scrollspy.js"></script>
        <script src="/files/js/bootstrap-tabs.js"></script>
        <script src="/files/js/bootstrap-twipsy.js"></script>
    </head>
    <body>
        <div class="container">
            <?php foreach ($messages as $msg): ?>
            <div class="alert-message <?php echo $msg[0]; ?> fade in" data-alert="alert">
                <a class="close" href="#">×</a>
                <p><?php echo $msg[1]; ?></p>
            </div>
            <?php endforeach; ?>
            <form method="post">
                <h2>Authorization</h2>
                <div class="clearfix">
                    <label>Username:</label>
                    <div class="input">
                        <input name="username" value="" />
                    </div>
                </div>
                <div class="clearfix">
                    <label>Password:</label>
                    <div class="input">
                        <input type="password" name="password" value="" />
                    </div>
                </div>
                <!--<div class="help-block" style="text-align: center;">
                    If you have forgotten your password, leave it blank.<br />
                    A password will be sent to your e-mail.
                </div>-->
                <div class="actions clearfix">
                    <button type="submit" class="btn primary pull-right">Sign in</button>
                </div>
            </form>
        </div>
    </body>
</html>